<html>

<head>
    <link rel="stylesheet" href="./public/swiper-bundle.min.css">
    <script href="./public/swiper-bundle.min.js"></script>
</head>

<body>
    <!-- 尾部 -->
    <div class="footerbox">
        <div class="footer">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 custom-box1">
                        <div class="box">
                            <p>我们的服务</p>
                            <ul>
                                <li>妇科</li>
                                <li>骨科</li>
                                <li>肠胃</li>
                                <li>皮肤科医生</li>
                                <li>耳朵/鼻子/喉咙</li>
                                <li>精神病学</li>
                                <li>眼科</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-2 custom-box2">
                        <div class="box">
                            <p>快速链接</p>
                            <ul>
                                <li>家</li>
                                <li>服务业</li>
                                <li>关于我们</li>
                                <li>博客</li>
                                <li>推荐</li>
                                <li>联系我们</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-2 custom-box3">
                        <div class="box">
                            <p>关于我们</p>
                            <ul>
                                <li>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                        class="bi bi-person-circle" viewBox="0 0 16 16">
                                        <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
                                        <path fill-rule="evenodd"
                                            d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
                                    </svg>脸书
                                </li>
                                <li>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                        class="bi bi-person-circle" viewBox="0 0 16 16">
                                        <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
                                        <path fill-rule="evenodd"
                                            d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
                                    </svg>蜥
                                </li>
                                <li>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                        class="bi bi-person-circle" viewBox="0 0 16 16">
                                        <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
                                        <path fill-rule="evenodd"
                                            d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
                                    </svg>谷歌+
                                </li>
                                <li>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                        class="bi bi-person-circle" viewBox="0 0 16 16">
                                        <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
                                        <path fill-rule="evenodd"
                                            d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
                                    </svg> DSADAASFASG
                                </li>
                                <li>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                        class="bi bi-person-circle" viewBox="0 0 16 16">
                                        <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
                                        <path fill-rule="evenodd"
                                            d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
                                    </svg>SDADSAKK
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-4 custom-box4">
                        <div class="boxlast">
                            <div class="boxlasttit">OPD时间</div>
                            <p>周一至周五：上午09点至晚上07点</p>
                            <p>周一至周五：上午09点至晚上07点</p>
                            <p>周一至周五：上午09点至晚上07点</p>
                            <p>周一至周五：上午09点至晚上07点</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 尾部 -->
</body>

<script>

</script>

</html>
<style>
    .footerbox {
        background-color: black;
        width: 100%;
        padding: 90px 0 25px 0;
        color: white;
    }

    .footer {
        width: 70%;
        margin: auto;
    }

    .custom-box1 {
        width: 25%;
    }

    .custom-box2 {
        width: 16.67%;
    }

    .custom-box3 {
        width: 25%;
    }

    .custom-box4 {
        width: 33%;
    }

    .box>ul>li {
        list-style: none;
        font-size: 12px;
        color: #4A535D;
        margin-bottom: 5px;
        box-sizing: border-box;
    }

    .boxlast {
        padding: 20px ;
        border-radius: 10px;
        box-sizing: border-box;
        background-color: #133575;
    }

    .boxlast>p {
        font-size: 13px;
        border-bottom: 1px solid #0F306E;
    }
    .boxlasttit{
        margin-bottom: 30px;
    }

    /* 响应350px */
    @media screen and (max-width:351px) {
        .custom-box1,
        .custom-box2,
        .custom-box3,
        .custom-box4 {
            width: 100%;
        }
        .footerbox{
            padding: 20px 10px;
        }
        .footer{
            width: 90%;
        }
    }

    /* 响应350px */
</style>